<template>
  <div class="footer">
    <div class="footerBox">
      <ul>
        <li><img src="../../../public/img/thinker-logo.png" alt=""></li>
        <li>联系方式</li>
        <li><img src="../../../public/img/footer/phone.png" alt=""><span>15932348880</span> </li>
        <li><img src="../../../public/img/footer/positions.png" alt=""> <span>浙江省温州市永嘉县桥下镇西岙村</span></li>
        <li><img src="../../../public/img/footer/email.png" alt=""> <span>chuangxiang2022@126.com</span></li>
      </ul>
    <div class="rightTitle">
      <ul>
        <li class="h1">关于创想</li>
        <li>企业简介</li>
        <li>企业理念</li>
        <li>组织架构</li>
      </ul>
      <ul>
        <li class="h1">创想产品</li>
        <li>儿童攀爬系列</li>
        <li>非标游乐设备</li>
        <li>打击乐趣系列</li>
        <li>综合熟料玩具系列</li>
        <li>户外定制游乐园</li>
        <li>儿童三轮车系列</li>
        <li>桌面玩具系列</li>
        <li>瑶瑶乐系列</li>
        <li>儿童转椅系列</li>
        <li>儿童乐园(淘气堡)</li>
        <li>健身器材系列</li>
      </ul>
      <ul>
        <li class="h1">新闻资讯</li>
        <li>公司新闻</li>
        <li>行业新闻</li>
      </ul>
      <ul>
        <li class="h1">规划方案</li>
        <li>户外儿童整体规划</li>
        <li>幼儿园户外整体规划</li>
        <li>幼儿园室内整体规划</li>
      </ul>
      <ul>
        <li class="h1">联想创想</li>
        <li>联系方式</li>
        <li>订购流程</li>
        <li>在线留言</li>
        <li></li>
      </ul>
      <ul>
        <li><img src="../../../public/img/footer/erweima.png" alt=""></li>
        <li>扫一扫,联系我们</li>
      </ul>
    </div>
  </div>
  <div class="setup"><a href="#setup"><img src="../../../public/img/footer/setup.png" alt=""></a></div>
  <div class="setIcp">Copyright ◎2024 浙江创想科教设备有限公司 浙ICP备00000000号-1 技术支持：科技有限公司</div>
  </div>
</template>

<script>
  export default {
  }
</script>
<style lang="less" scoped>
  ul {
    margin: 0;
    padding: 0;
  }
  .footer {
    background-image: url('../../../public/img/footer-background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 60vh;
    margin-top: 100px;
    user-select: none;
    position: relative;
  }
.footerBox{
  width: 1516px;
  display: flex;
  /* border: 1px solid red; */
    justify-content: flex-end;
        &>ul:nth-child(1){
          /* border: 1px solid red; */
          flex: 1;
            font-size: 13px;
            margin-left: 10em;
            &>li:nth-child(2){
                font-size: 15px;
                font-family: "微软雅黑";
                font-weight: 600;
            }
            &>li:not(:first-child){
             /* border: 1px solid red; */
             margin:10px 10px 0 0;
             text-indent: 30px;
               &>img{
                vertical-align: middle;

               }
            }
        }
}
.rightTitle{
    display: flex;
    justify-content: space-between;
    margin-top:30px ;
    &>ul{
          /* border:1px solid red; */
          margin-left: 50px;
          text-align: left;
          cursor: pointer;

    }
    &>ul:last-child{
          img{
                width:100px;
                height:100px;
          }
          li:last-child{
                font-size: 12px;
                text-align: center;
          }
    }
}
.h1{
                font-size: 15px;
                font-family: "微软雅黑";
                font-weight: 600;
                &~li{
                    font-size: 12px;
                    margin-top:10px;
                }
}

.setIcp{
  font-size: 15px;
                font-family: "微软雅黑";
                font-size:13px ;
                margin-top:70px;
                margin-left:15em ;
}
.setup{
    cursor: pointer;
    position: absolute;
    right:50px;
    bottom:150px;
}
</style>